Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: clickando su un paragrafo (tag <P>) questo viene selezionato e la selezione è evidenziata colorando di giallo (“yellow”) il suo testo (proprietà di stile color). Per deselezionare il paragrafo occorre clickare su un elemento di tipo <H2> con lo stesso tipo di font del paragrafo selezionato in precedenza (proprietà di stile fontFamily). In tal caso si scambiano le dimensioni del font (proprietà di stile fontSize) dei due elementi e si deseleziona il paragrafo ripristinando il colore del testo al valore precedente (deve essere memorizzato). Quando un paragrafo è stato selezionato ogni evento di click che non rispetta le condizioni precedenti viene ignorato.

Click paragraphs!

Arial paragraph 14px

Courier paragraph 22px

Times paragraph 32px

Courier paragraph 26px

... then click h2s

Arial h2 20px

Courier h2 24px

Times h2 14px